*{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.lin{
    width: 1360px;
    height: 336px;
    border: 1px solid red;
    background-color: #dbdad5;
}
.you{
    width: 1000px;
    height: 336px;
    margin: 0px auto;
    position: relative;
    border: 1px solid blue;
}
.lin-you-left{
    width: 730px;
    height: 336px;
    border: 1px solid rebeccapurple;
    float: left;
    background:url(../img/1381.jpg) no-repeat center;
    position: relative;
}
.lin-left{
    width: 100px;
    height: 80px;
    background-color: blueviolet;
    position: absolute;
    background: url(../img/banner.png) no-repeat 0px -429px;
    top: calc( 50%  -40px);
}
.lin-bott{
    width: 250px;
    height:30px;
    border: 1px solid royalblue;
    position:absolute;
    top: 90%;
    left: calc( 50% - 100px);

    
}
.lin-bott-di{
    
    float: left;
    width: 6px;
    height: 6px;
    margin :0px 10px;
    cursor: pointer;
    background-color:cornsilk;


    border-radius: 50px;
    margin-top: 10px;
     
}
.lin-bott-di:hover{
    background-color: red;
}
.lin-bott-dd{
    float: left;
    width: 6px;
    height: 6px;
    margin: 9px 10px 10px 10px;
    border-radius: 50px;
    cursor: pointer;
    background-color: red;
}
.lin-bott-dd:hover{
    background-color:#f5f5f5;
    
}

.lin-you-right{
    width: 260px;
    height: 100%;
    float: right;
    background: url(../img/download.png) no-repeat center;
    
}